/*
#############################################################################################
# File:	        style.css
# Description:	Cascading style sheet for EA Mobile Project Planning & Tracking System
# Platform:     PC
# Created by:   Jaymin Shah
# Copyright:    Copyright 2012 Electronic Arts, Inc., all rights reserved.
#############################################################################################
*/

/*============ jQuery Classes Start ============*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Verdana, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #CCCCCC; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { background-color:#3690F0; color: #000000; font-weight: bold; }
.ui-widget-header a { color: #000000; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #272E48; background-color:#70B6F2; font-weight: normal; color: #FFFFFF; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #272E48; background-color:#7DBE0A; font-weight: normal; color: #FFFFFF; }
.ui-state-hover a, .ui-state-hover a:hover { color: #C1C7DD; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background-color:#666666; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #ffffff; background: #164B69; color: #ffffff; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #915608; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #e14f1c; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .5; filter:Alpha(Opacity=50); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/admin_images/ui-icons_0078ae_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/admin_images/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/admin_images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/admin_images/ui-icons_e0fdff_256x240.png); }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

/* Button */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; }

/* Datepicker */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* Multi Select Menu */
.ui-multiselect { padding:1px 0 1px 4px !important; text-align:left; font-size:12px }
.ui-multiselect span.ui-icon { float:right}
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px 0px 5px 5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:11px }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none}
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { display:none; float:left }
.ui-multiselect-header li.ui-multiselect-close { display:none; float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }


.subMenuBG { background-color:#DCEEFC; color: #000000; font-weight: bold; }
.menu-state-default { border: 1px solid #9DCCFF; background-color:#DCEEFC; font-weight: normal; color: #000000; }
.menu-state-hover { border: 1px solid #9DCCFF; background-color:#3690F0; font-weight: normal; color: #ffffff; }
.menu-state-hover .ui-icon { background-image: url(/images/admin_images/ui-icons_e0fdff_256x240.png); }

/*============ jQuery Classes End ============*/

html,body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;	
	background-repeat: repeat-x;
	}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.clearBoth {
	clear:both;
}
.hidden{
	display:none;
}
.marginAuto{
	margin:auto;
	float:none;
}
.noPadding{
	padding:0 !important;
}
.noBorder{
	border:0 !important;
}
.bottomPadding {
	padding-bottom:5px !important;
}
.topPadding {
	padding-top:5px !important;
}
.centerAlign {
	text-align:center !important;
}
#loginContainer {
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	width:510px;	
}
#loginHeader {
	background:url('/images/admin_images/login_header.png') center;
	background-repeat:no-repeat;
	width:510px;
    height:126px;
	margin-top:70px;
}
.login_top {
	width:510px;
	background:url('/images/admin_images/login_top.png');
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	height:24px;
	padding: 8px 0 0 13px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.login_middle {
	width:482px;
	background:url('/images/admin_images/login_middle.png');
	background-repeat:repeat-y;	
	padding: 10px 14px 5px 14px;
	font-size:12px;
	font-weight:bold;
}
.login_bottom {
	width:510px;
	background:url('/images/admin_images/login_bottom.png');
	background-repeat:no-repeat;
	height:10px;
}
.whiteBox{
	padding: 0 10px 10px 10px;
	background-color:#FFFFFF;
	border: 1px solid #9DCCFF;
	font-size:12px;
	color:#333333;
}
.whiteBox ul {
	margin:0;
	padding:0px !important;
	list-style:none;
}
.whiteBox li {
	float:left;
 	margin:0;
	padding:10px 10px 0px 0;
}
.whiteBox li span{
	font-weight:normal !important;
}
.splitMenu{
	margin-top:18px;
	padding: 5px;
	background-color:#FFFFFF;
	border: 1px solid #9DCCFF;
	font-size:12px;
	color:#333333;
}
.splitMenu ul {
	margin: 0;
	padding:0px !important;
	list-style:none;
}
.splitMenu li {
	margin:0px 7px 0px 0px;
	padding:5px !important;
}
.splitMenu li div{
	display:inline-block;
	width:75px;
	margin-right:4px;
	padding-bottom:5px;
}
.splitMenu li p{
	font-weight:normal;
	display:inline-block;
	margin:0 5px 0 5px;
}
.loginTextBox{
	width:140px;
    background-color: #EEEEEE;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif;
	height: 18px;
    line-height: 12px;
    padding: 2px 5px;
}
.loginMenu {
	background-color: #EEEEEE;
    border: 1px solid #333333;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    height: 24px;
    padding: 2px 0 0 2px;
}
.bigButton, .smallButton {
	/*width:55px;*/
	display:inline-block;
    color: #FFFFFF;
	cursor:pointer;
	border: 1px solid #1F54BC;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	height: 28px;
	text-align:center;
    padding: 4px 5px 6px 5px;
	background:url('/images/admin_images/menu_bg.jpg');
	background-repeat:repeat-x;
	margin-right:5px;
	text-decoration:none;
}
.bigButton:hover, .smallButton:hover {
	background:url('/images/admin_images/menu_bg_over.jpg');	
}
.bigButtonDisabled, .smallButtonDisabled {
	/*width:55px;*/
	display:inline-block;
    color: #999999;
	border: 1px solid #999999;
	background-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	height: 28px;
	text-align:center;
    padding: 4px 5px 6px 5px;	
}
.smallButton {
	/*width:75px;*/
	height: 17px;
	padding: 3px 5px 0px 5px;	
	font-size: 11px;
}
#loginMessage{
	/*text-align:center;*/
	color:#FF0000;
}
.login_middle ul {
	margin: 17px 0 20px 100px;
	padding:0px !important;
	list-style:none;
}
.login_middle li {
	margin:0px 7px 0px 0px;
	padding:10px !important;
}
.login_middle li span{
	text-align:right;
	display:inline-block;
	width:75px;
	margin-right:4px;
	padding-bottom:5px;
}
#container {
	/*margin: 0 auto -30px auto;*/
	margin: 0 auto 0 auto;
	padding: 0;
	width:1010px;
	min-height:100%;
	background:url('/images/admin_images/content_bg.png');
	background-repeat:repeat-y;
}
#headerContainer {
	margin: 0 auto 0 auto;
	background:url('/images/admin_images/header_bg.png');
	background-repeat:no-repeat;
	width:998px;
    height:95px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
.date {
	margin:6px 8px 0 0;
	float:right;
	clear:both;
	color:#CCCCCC;
	font-size:11px;
}
.menu {
	width:996px;
	height:28px;
	background:url('/images/admin_images/menu_bg.jpg');
	background-repeat:repeat-x;
	margin:0 auto 0 auto;
	clear:both;
	font-size:11px;	
	border:1px solid #1F54BC;
}
.menu ul {
	margin:0;
	padding:0px !important;
	list-style:none;
}
.menu li {
	float:left;  
	margin:0px 0px 0px 0px; 
}
a.menuButton {    
    display: block;
	background-image: url("/images/admin_images/menu_bg.jpg");
    background-repeat: repeat-x;
    height: 18px;
	padding:5px 15px 5px 15px; 
	border-right:1px solid #1F54BC;
	font-size:13px;
	font-weight:bold;
	color:#D3FE7A;
	text-decoration:none;
}
a.menuButton:hover {
	background-image: url("/images/admin_images/menu_bg_over.jpg");
	color:#FFFFFF;
}
a.menuButtonActive {    
    display: block;
	cursor: default;
	background-image: url("/images/admin_images/menu_bg_over.jpg");
    background-repeat: repeat-x;
    height: 18px;
	padding:5px 15px 5px 15px; 
	border-right:1px solid #1F54BC;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.userName {
	float:right;
	margin:5px 8px 0 0;
	color:#FFFFFF;
}
a.greenLink {
	color:#AFFF01;
    text-decoration:none;	
}
a.greenLink:hover {
    text-decoration:underline;	
}
#mainContent {
	float:left;	
	min-height:490px;
	width:977px;
	padding:30px 0 15px 11px;
}
.boxTop {
	width:988px;
	height:15px;
	background:url('/images/admin_images/box_top.png');
	background-repeat:no-repeat;
}
.boxTopExpand {
	width:988px;
	height:15px;
	padding-top:10px;
	background:url('/images/admin_images/box_top.png');
	background-repeat:no-repeat;
}
.boxMiddle {
	width:960px;
	background:url('/images/admin_images/box_middle.png');
	background-repeat:repeat-y;	
	padding: 0 15px 0 13px;
	color:#3595EC;
	font-size: 15px;
	font-weight:bold;
}
.boxBottom {
	width:988px;
	height:18px;
	background:url('/images/admin_images/box_bottom.png');
	background-repeat:no-repeat;
	margin-bottom:11px;
}
.splitBox {
	display:inline-block;
	margin-right:5px;
	width:49.2%;
}
Select, Input{
    border: 1px solid #999999;
    border-radius: 5px;
    font-size: 12px;
	font-family:inherit;
    line-height: 12px;
    padding: 2px 5px;
}
.dateBox{
	width:60px;
	height: 14px;	
}
.hoursBox{
	text-align:center;
	width:30px; 
}
.lastSavedText {
	font-size:11px;
	color:#999999;
	font-weight:normal;
	clear:both;
}
.contentTable {
	/*margin-top:5px !important;*/
	font-size: 12px;
	font-weight:normal;
	color:#000000;
    border: 1px solid #9DCCFF;
}
.contentTable th {
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-align:left;
	height:29px;
	background-image: url("/images/admin_images/table_header_bg.jpg");
    background-repeat: repeat-x;
	border:0px;
}
.contentTable td {	
	height:35px;
}
tr.odd {
	background-color: #FFFFFF;
}
tr.even {
	background-color: #F3F9FE;
}
.total {
	font-weight:bold;
	background-color:#DCEEFC;
}
.closeIcon {
	margin-left:10px;
    display: block;
	background-image: url("/images/admin_images/icon_delete.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
.addIcon {
	width:110px;
	margin-left:10px;
    display: block;
	background-image: url("/images/admin_images/icon_open.png");
    background-repeat: no-repeat;
	color:#3595EC;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
}
.expandIcon {
	margin-left:10px;
    display: inline-block;
	background-image: url("/images/admin_images/icon_open.png");
    background-repeat: no-repeat;
	background-position:left center;
	color:#3595EC;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
}
.collapseIcon {
	margin-left:10px;
    display: inline-block;
	background-image: url("/images/admin_images/icon_close.png");
    background-repeat: no-repeat;
	background-position:left center;
	color:#3595EC;
	font-weight:bold;
	text-decoration:none;
	padding-left:18px;
}
.upIcon {
	margin-left:5px;
    display: inline-block;
	background-image: url("/images/admin_images/arrow_up.gif");
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
}
.downIcon {
	margin-left:5px;
    display: inline-block;
	background-image: url("/images/admin_images/arrow_down.gif");
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
}
.icon_googlePlay,
.icon_iTunes,
.icon_EA {
	display:block;
	margin:auto;
	background:url('/images/admin_images/icons.png');
    height:30px;
    background-repeat:no-repeat;
}
.icon_googlePlay{
	background-position: 0px;
	width:27px;
}
.icon_iTunes{
	background-position: -28px;
	width:29px;
}
.icon_EA{
	background-position: -58px;
	width:40px;
}
.unreaded{
	font-weight:bold !important;
}
.breadCrumb {
	margin-left:10px;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
.commentsBox{
	width:947px;
	height:100px;
	margin: 5px 0 0 0;
	padding: 5px;
	border: 1px solid #9DCCFF;
	overflow:auto;
}
.commentsBoxSmall{
	margin: 5px;
	padding: 5px;
	border: 1px solid #9DCCFF;
	overflow:auto;
}
a.excelIcon {
	float:right;
    display: block;
	background-image: url("/images/icon_excel.gif");
    background-repeat: no-repeat;
	border: 2px solid #F3F9FE;
    width: 18px;
    height: 18px;		
}
a.excelIcon:hover {
	border: 2px solid #7DBE0A;
}
#footerContainer {
	height:30px;
	width:1010px;
	margin: 0 auto 0 auto;
	background:url('/images/admin_images/content_bg.png');
	background-repeat:repeat-y;
}
.footer {
	margin: 0 auto 0 auto;
	width:956px;
	border-top: 1px solid #CCCCCC;
	padding: 7px 12px 0 12px;
	color:#999999;
	font-size: 11px;
}
.webTechLogo {    
    display: block;
    float: right;
	background-image: url("/images/admin_images/webTechLogo.png");
    background-repeat: no-repeat;
    width: 160px;
    height: 11px;
    margin-top: 3px;
}

/*============ Datatable Classes Start ============*/

/* jQuery UI specific styling  */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}
.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}
.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}
.paging_full_numbers {
	width: 350px !important;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
	font-size:12px;
}
.dataTables_paginate {
	width: auto;
}
.dataTables_info {
	padding-top: 3px;
}
table.display thead th {
	padding: 0 0 0 10px;
	cursor: pointer;
	* cursor: hand;
	background-image: url("/images/admin_images/table_header_bg.jpg");
    background-repeat: repeat-x;
	font-weight: bold !important;
	color:#FFFFFF !important;
	height:29px;
}
div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
	background-color:#DCEEFC !important;
	border: 1px solid #9DCCFF;
}
div.dataTables_wrapper {
	margin-top:7px;
}
/* Sort arrow icon positioning */

table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
	padding-right: 20px;
}
table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

/* DataTables features */

.dataTables_wrapper {
	position: relative;
	clear: both;
}
.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	margin-top: 6px;
	border: 1px solid #9DCCFF;
	text-align: center;
	font-weight:bold;
	color: #333333;
	background-color:#FFFFFF;
	font-size: 12px;
	padding: 2px 0;
}
.dataTables_length {
	width: 40%;
	float: left;
	font-weight:bold;
}
.dataTables_length select {
	border: 1px solid #5867A5;
    border-radius: 3px;
    font-size: 11px;
	height: 20px;
    padding: 2px 0 2px 2px;
}
.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	font-weight:bold;
}
.dataTables_filter input {
    border: 1px solid #5867A5;
    border-radius: 5px 5px 5px 5px;
    font-size: 11px;
	height: 14px;
    padding: 2px 5px;
}
.dataTables_info {
	width: 50%;
	float: left;
	font-weight:bold;
}
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* DataTables display */

table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	font-size:12px;
/*	border-collapse: collapse;*/
	border: 1px solid #9DCCFF;
	color:#000000;
	font-weight:normal;
}
table.display td {
	padding: 5px 10px;
}
table.display td.center {
	text-align: center;
}

/* DataTables row classes 

tr.odd {
	background-color: #FFFFFF;
}
tr.even {
	background-color: #F3F9FE;
}*/

/* Misc */
.clear {
	clear: both;
}
td.group {
	background-color: #AED8F9;
	font-weight:bold;
	height:30px;
	padding:0 0 0 7px !important;
}
.activePage { 
	cursor: default !important;
	background-color:#3690F0 !important;
	color:#FFFFFF !important;
}

/* For the Conditional-CSS grading rows */

tr.odd td.sorting_1 {
	background-color: #AFC8DA;
}
tr.odd.gradeA td.sorting_2 {
	background-color: #9FA8CC;
}
tr.even.gradeA td.sorting_1 {
	background-color: #EAF0F4;
}
tr.even.gradeA td.sorting_2 {
	background-color: #F3F9FE;
}
table.display tr.even.row_selected td {
	background-color: #B0BED9;
}
table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}
tr.odd.gradeA td.sorting_1 {
	background-color: #AFC8DA;
}
tr.odd.gradeA td.sorting_2 {
	background-color: #DCEEFC;
}

/*============ Datatable Classes End ============*/